<%--
  Created by IntelliJ IDEA.
  User: xj
  Date: 2020/2/24
  Time: 19:59
  desc:
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<!doctype html>
<html class="no-js" lang="en">

<head>
    <meta charset="utf-8">
    <meta http-equiv="x-ua-compatible" content="ie=edge">
    <title>Payna - Minimal eCommerce HTML Template</title>
    <meta name="robots" content="noindex, follow"/>
    <meta name="description" content="">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    <!-- Favicon -->
    <link rel="shortcut icon" type="image/x-icon" href="assets/images/favicon.png">

    <!-- CSS
	============================================ -->

    <!-- Bootstrap CSS -->
    <link rel="stylesheet" href="assets/css/vendor/bootstrap.min.css">
    <!-- Icon Font CSS -->
    <link rel="stylesheet" href="assets/css/vendor/font-awesome.css">
    <link rel="stylesheet" href="assets/css/vendor/themify.css">
    <!-- othres CSS -->
    <link rel="stylesheet" href="assets/css/plugins/animate.css">
    <link rel="stylesheet" href="assets/css/plugins/owl-carousel.css">
    <link rel="stylesheet" href="assets/css/plugins/slick.css">
    <link rel="stylesheet" href="assets/css/plugins/magnific-popup.css">
    <link rel="stylesheet" href="assets/css/plugins/jquery-ui.css">
    <link rel="stylesheet" href="assets/css/plugins/easyzoom.css">
    <link rel="stylesheet" href="assets/css/plugins/select2.min.css">
    <!-- Revolution Slider CSS -->
    <link rel="stylesheet" href="assets/js/revolution/css/settings.css">
    <link rel="stylesheet" href="assets/js/revolution/css/navigation.css">
    <link rel="stylesheet" href="assets/js/revolution/custom-setting.css">

    <link rel="stylesheet" href="assets/css/style.css">

</head>

<body>
<div class="main-wrapper main-wrapper-2">
    <header class="header-area header-padding-1">
        <div class="main-header-wrap transparent-bar">
            <div class="container-fluid">
                <div class="row align-items-center">
                    <div class="col-lg-3">
                        <div class="logo-header-about-wrap white-header">
                            <div class="logo logo-width">
                                <a href="index.html"><img src="assets/images/logo/logo-white.png" alt="logo"></a>
                            </div>
                        </div>
                    </div>
                    <div class="col-lg-6 d-flex justify-content-center">
                        <div class="main-menu menu-lh-1 menu-white">
                            <%--导航条--%>
                            <nav>
                                <ul>
                                    <li><a class="active" href="#">首页 <i class="fa"></i></a>
                                    </li>
                                    <li><a href="#">商品 <i class="fa fa-angle-down"></i></a>
                                        <ul class="mega-menu mega-menu-width2 menu-negative-mrg2">
                                            <li class="mega-menu-sub-width20"><a class="menu-title" href="#">商品布局</a>
                                                <ul>
                                                    <li><a href="shop-4col.jsp">商品布局1</a></li>
                                                    <li><a href="#">商品布局2</a></li>
                                                    <li><a href="#">商品布局3</a></li>
                                                    <li><a href="#">商品布局4</a></li>
                                                    <li><a href="#">经典系列</a></li>
                                                    <li><a href="#">现代系列</a></li>
                                                </ul>
                                            </li>
                                            <li class="mega-menu-sub-width20"><a class="menu-title" href="#">产品布局</a>
                                                <ul>
                                                    <li><a href="product-details.jsp">简单</a></li>
                                                    <li><a href="#">产品分组</a></li>
                                                    <li><a href="#">产品周边</a></li>
                                                </ul>
                                            </li>
                                            <li class="mega-menu-sub-width20"><a class="menu-title" href="#">商品页</a>
                                                <ul>
                                                    <li><a href="cart.jsp">购物车</a></li>
                                                    <li><a href="checkout.jsp">结算单</a></li>
                                                    <li><a href="#">我的账户</a></li>
                                                    <li><a href="#">心愿单</a></li>
                                                    <li><a href="#">订单跟踪</a></li>
                                                </ul>
                                            </li>
                                            <li class="mega-menu-sub-width37">
                                                <div class="banner-menu-content-wrap default-overlay">
                                                    <a href="product-details.html"><img
                                                            src="assets/images/banner/banner-menu.jpg" alt="banner"></a>
                                                    <div class="banner-menu-content">
                                                        <span>你好，夏天 2020</span>
                                                        <h2>新的 <br>开始</h2>
                                                    </div>
                                                </div>
                                            </li>
                                        </ul>
                                    </li>
                                    <li><a href="shop-fullwide.html">收藏 </a></li>
                                    <li><a href="#">关于<i class="fa fa-angle-down"></i></a>
                                        <ul class="sub-menu-width">
                                            <li><a href="#">关于我们</a></li>
                                            <li><a href="#">介绍我们</a></li>
                                            <li><a href="#">即将上新</a></li>
                                        </ul>
                                    </li>
                                    <li><a href="blog.html">博客 <i class="fa fa-angle-down"></i></a>
                                        <ul class="sub-menu-width">
                                            <li><a href="#">博客侧边栏</a></li>
                                            <li><a href="#">博客无边栏</a></li>
                                        </ul>
                                    </li>
                                    <li><a href="#">上新产品 </a></li>
                                </ul>
                            </nav>
                        </div>
                    </div>
                    <div class="col-lg-3">
                        <div class="lang-cart-search-wrap">
                            <div class="language white-language mr-55">
                                <ul>
                                    <li><a href="#">英语</a></li>
                                    <li><a class="active" href="#">中文</a></li>
                                </ul>
                            </div>
                            <div class="same-style header-search white-search">
                                <a class="search-active" href="#"><i class="ti-search"></i></a>
                            </div>
                            <div class="same-style cart-wrap ml-20 white-cart">
                                <a href="#" class="cart-active">
                                    <i class=" ti-user "></i>
                                    <%--                                    登录之后就会出现这个数字--%>
                                    <span class="count-style">111</span>
                                </a>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="header-small-mobile header-small-mobile-ptb">
            <div class="container">
                <div class="row align-items-center">
                    <div class="col-6">
                        <div class="mobile-logo logo-width">
                            <a href="index.html">
                                <img alt="" src="assets/images/logo/logo.png">
                            </a>
                        </div>
                    </div>
                    <div class="col-6">
                        <div class="mobile-header-right-wrap">
                            <div class="same-style cart-wrap">
                                <a href="#" class="cart-active">
                                    <i class=" ti-shopping-cart "></i>
                                    <span class="count-style">2</span>
                                </a>
                            </div>
                            <div class="mobile-off-canvas">
                                <a class="mobile-aside-button" href="#"><i class=" ti-align-left "></i></a>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </header>
    <div class="breadcrumb-area breadcrumb-bg-7 section-padding-1 pt-200 pb-120">
        <div class="container-fluid">
            <div class="breadcrumb-content breadcrumb-white text-center">
                <div class="breadcrumb-title">
                    <h2>登录</h2>
                </div>
            </div>
        </div>
    </div>

        <div class="your-order-area">
            <div class="container-fluid">
                <div class="row">
                    <div class="col-lg-7 offset-3">
                        <div class="billing-info-wrap mr-100">
                            <br>
                            <div class="row">
                                <div class="col-lg-12 col-md-12">
                                    <div class="billing-info mb-25">
                                        <label>用户名：<abbr class="required" title="required">*</abbr></label>
                                        <input type="text" placeholder="请输入用户名">
                                    </div>
                                </div>
                                <div class="col-lg-12 col-md-12">
                                    <div class="billing-info mb-25">
                                        <label>密码：<abbr class="required" title="required">*</abbr></label>
                                        <input type="password" placeholder="请输入密码">
                                    </div>
                                </div>
                                <div class="col-lg-2 col-md-2 offset-5">
                                    <div class="billing-info mb-25">
                                        <input type="submit" class="button" value="登录">
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>

        <footer class="footer-area section-padding-1 bg-black pt-70">
            <div class="container-fluid">
                <div class="row">
                    <div class="footer-column footer-width-32">
                        <div class="footer-widget mb-40">
                            <div class="footer-about">
                                <div class="footer-logo">
                                    <a href="index.html"><img src="assets/images/logo/logo-white.png" alt="logo"></a>
                                </div>
                                <div class="footer-info">
                                    <ul>
                                        <li><a href="#"> info@example.com </a></li>
                                        <li> +54.854.854.6666</li>
                                        <li> 035 Virginia Plaza Suite 331</li>
                                    </ul>
                                </div>
                                <div class="footer-social">
                                    <ul>
                                        <li><a class="facebook" href="#"><i class="fa fa-facebook"></i></a></li>
                                        <li><a class="twitter" href="#"><i class="fa fa-twitter"></i></a></li>
                                        <li><a class="youtube" href="#"><i class="fa fa-youtube"></i></a></li>
                                        <li><a class="dribbble" href="#"><i class="fa fa-dribbble"></i></a></li>
                                    </ul>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="footer-column footer-width-12">
                        <div class="footer-widget mb-40">
                            <div class="footer-title">
                                <h3>COMPANY</h3>
                            </div>
                            <div class="footer-list">
                                <ul>
                                    <li><a href="#">Help</a></li>
                                    <li><a href="#">Returns</a></li>
                                    <li><a href="#">Gift voucher</a></li>
                                    <li><a href="#">Affiliate</a></li>
                                    <li><a href="#">Work for Payna</a></li>
                                </ul>
                            </div>
                        </div>
                    </div>
                    <div class="footer-column footer-width-12">
                        <div class="footer-widget mb-40">
                            <div class="footer-title">
                                <h3>USERFUL</h3>
                            </div>
                            <div class="footer-list">
                                <ul>
                                    <li><a href="about-us.html">About Us</a></li>
                                    <li><a href="#">Services</a></li>
                                    <li><a href="#">Press</a></li>
                                    <li><a href="#">Terms & Conditions</a></li>
                                </ul>
                            </div>
                        </div>
                    </div>
                    <div class="footer-column footer-width-12">
                        <div class="footer-widget mb-40">
                            <div class="footer-title">
                                <h3>QUICKLINKS</h3>
                            </div>
                            <div class="footer-list">
                                <ul>
                                    <li><a href="#">The Collections</a></li>
                                    <li><a href="#">Size Guide</a></li>
                                    <li><a href="compare.html">Compare</a></li>
                                    <li><a href="my-account.html">My Account</a></li>
                                    <li><a href="wishlist.html">My Account</a></li>
                                </ul>
                            </div>
                        </div>
                    </div>
                    <div class="footer-column footer-width-31">
                        <div class="footer-widget subscribe-right mb-40">
                            <div class="footer-title">
                                <h3>JOIN OUR NEWSLETTER</h3>
                            </div>
                            <div id="mc_embed_signup" class="subscribe-form mt-20">
                                <form id="mc-embedded-subscribe-form" class="validate subscribe-form-style"
                                      novalidate="" target="_blank" name="mc-embedded-subscribe-form" method="post"
                                      action="http://devitems.us11.list-manage.com/subscribe/post?u=6bbb9b6f5827bd842d9640c82&amp;id=05d85f18ef">
                                    <div id="mc_embed_signup_scroll" class="mc-form">
                                        <input class="email" type="email" required=""
                                               placeholder="Enter your email address..." name="EMAIL" value="">
                                        <div class="mc-news" aria-hidden="true">
                                            <input type="text" value="" tabindex="-1"
                                                   name="b_6bbb9b6f5827bd842d9640c82_05d85f18ef">
                                        </div>
                                        <div class="clear">
                                            <input id="mc-embedded-subscribe" class="button" type="submit"
                                                   name="subscribe" value="Subscribe">
                                        </div>
                                    </div>
                                </form>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="copyright text-center pt-25 pb-10">
                    <p>© Payna Store All rights <a href="http://www.bootstrapmb.com/"
                                                   title="bootstrapmb">bootstrapMB</a></p>
                </div>
            </div>
        </footer>
        <div class="support-lists">
            <ul>
                <li><a href="#"><i class=" ti-comments "></i></a></li>
                <li><a href="#"><i class=" ti-headphone-alt "></i></a></li>
                <li><a href="#"><i class=" ti-email "></i></a></li>
            </ul>
        </div>
    </div>
</div>

<!-- JS
============================================ -->

<!-- Modernizer JS -->
<script src="assets/js/vendor/modernizr-3.6.0.min.js"></script>
<!-- Modernizer JS -->
<script src="assets/js/vendor/jquery-3.3.1.min.js"></script>
<!-- Popper JS -->
<script src="assets/js/vendor/popper.js"></script>
<!-- Bootstrap JS -->
<script src="assets/js/vendor/bootstrap.min.js"></script>
<!-- Revolution Slider JS -->
<script src="assets/js/revolution/js/jquery.themepunch.revolution.min.js"></script>
<script src="assets/js/revolution/js/jquery.themepunch.tools.min.js"></script>
<script src="assets/js/revolution/revolution-active.js"></script>
<!-- SLIDER REVOLUTION 5.0 EXTENSIONS  (Load Extensions only on Local File Systems !  The following part can be removed on Server for On Demand Loading) -->
<script src="assets/js/revolution/js/extensions/revolution.extension.kenburn.min.js"></script>
<script src="assets/js/revolution/js/extensions/revolution.extension.carousel.min.js"></script>
<script src="assets/js/revolution/js/extensions/revolution.extension.slideanims.min.js"></script>
<script src="assets/js/revolution/js/extensions/revolution.extension.actions.min.js"></script>
<script src="assets/js/revolution/js/extensions/revolution.extension.layeranimation.min.js"></script>
<script src="assets/js/revolution/js/extensions/revolution.extension.migration.min.js"></script>
<script src="assets/js/revolution/js/extensions/revolution.extension.navigation.min.js"></script>
<script src="assets/js/revolution/js/extensions/revolution.extension.parallax.min.js"></script>
<script src="assets/js/revolution/js/extensions/revolution.extension.video.min.js"></script>
<!-- Others JS -->
<!--<script src="assets/js/plugins/instafeed.js"></script>-->
<script src="assets/js/plugins/jquery-ui.js"></script>
<script src="assets/js/plugins/jquery-ui-touch-punch.js"></script>
<script src="assets/js/plugins/magnific-popup.js"></script>
<script src="assets/js/plugins/owl-carousel.js"></script>
<script src="assets/js/plugins/slick.js"></script>
<script src="assets/js/plugins/parallax.js"></script>
<script src="assets/js/plugins/paraxify.js"></script>
<script src="assets/js/plugins/countdown.js"></script>
<script src="assets/js/plugins/scrollup.js"></script>
<script src="assets/js/plugins/images-loaded.js"></script>
<script src="assets/js/plugins/isotope.js"></script>
<script src="assets/js/plugins/easyzoom.js"></script>
<script src="assets/js/plugins/sticky-sidebar.js"></script>
<script src="assets/js/plugins/tilt.js"></script>
<script src="assets/js/plugins/select2.min.js"></script>
<script src="assets/js/plugins/wow.js"></script>
<!-- Main JS -->
<script src="assets/js/main.js"></script>

</body>

</html>